@function px2rem($px){
    $rem:37.5px;
    @return ($px/$rem)+rem;
}



    body,div,ul{
        margin: 0;
        padding: 0;
    }
    ul{
        list-style: none;
    }
    html{
        background-color: #f8f8f8;
    }
    .header{
        width: 100%;
        height: px2rem(40px);
        background-color: red;
        padding-left: px2rem(23px);
        box-sizing: border-box;  //让padding不占据宽度
    }
    .header-item{
        //width: px2rem(35px);
        float: left;
        color: #ffcdce;
        font-size: px2rem(16px);
        margin-right: px2rem(20px);
        line-height: px2rem(40px);
        &:nth-child(2){
            color: #fff;
            font-size: px2rem(17px);
        }
    }
    .banner-content{
        position: relative;
    }
    .banner{
        width: 100%;
        height: px2rem(190px);
        display: block;
    }
.banner-title{
            position: absolute;
            left: px2rem(15px);
            bottom: px2rem(1px);
            font-size: px2rem(16px);
            color: #fff;
        }
        .news-item{
            width: 100%;
            height: px2rem(90px);
            padding-left: px2rem(15px);
            padding-right: px2rem(15px);
            box-sizing: border-box;
        }
        .item-inner{
            position:relative;
            overflow: hidden;
            height: 100%;
            border-bottom: px2rem(1px) solid #e5e5e5;
        }
        .news-img{
            float: left;
            display: block;
               margin-top: px2rem(10px);
            width: px2rem(95px);
            height: px2rem(70px); 
            margin-right: px2rem(15px);        
        }
        .news-title{
            color: #404040;
            font-size: px2rem(17px);
            margin-top: px2rem(16px);
            line-height: px2rem(20px);
        }
        .time{
            position: absolute;
            left: px2rem(110px);
            bottom:px2rem(17px);
            color: #888;
            font-size: px2rem(12px);
        }
        
        .num{
            position: absolute;
            color: #888;
            font-size: px2rem(12px);
            right: px2rem(4px);
            bottom: px2rem(17px);

        }
                    .num:before{
                content: '';
                display: block;
                position: absolute;
                width: px2rem(21px);
                height: px2rem(20px);
                background-size: contain;
                top: px2rem(-3px);
                left: px2rem(-23px);     
                background-image: url(img/chakanicon.png);

            }
     
       
        
